<!--
 * @Description: 
 * @Author: shizhe
 * @Date: 2021-09-06 20:09:03
 * @LastEditTime: 2022-07-04 14:14:36
 * @LastEditors: shizhe
 * @Reference: 
-->
<template>
  <div id="app">
    <top-header></top-header>
    <div class="app_body">
      <router-view />
    </div>
  </div>
</template>

<script>
import topHeader from './components/Header.vue'
import socketMixin from './mixins/socketMixin'

export default {
  name: 'App',
  components: {
    topHeader
  },

  created() {},
  mounted() {
    this.initSocket()
    // this.$nextTick(() => {
    //   window.addEventListener('resize', () => {
    //     this.setBrowserArr()
    //   })
    // })
    // 监听新的提醒
    this.socketEventBus.$on('hasGetNewRemind', data => {
      // console.log(data)
      const { type } = JSON.parse(data)
      if (type == -1) {
        this.$message('群发')
      }
    })
  },
  methods: {
    // setBrowserArr() {
    //   const html = document.getElementsByTagName('html')
    //   console.log(html)
    //   html.style.overflow = 'auto'
    // }
  },
  mixins: [socketMixin]
}
</script>

<style>
/* 公共css */
@import './assets/css/main.css';
/* html {
  height: auto;
  overflow-x: hidden;
  overflow-y: hidden;
} */
/* #app {
  height: auto;
  overflow-y: auto;
  overflow-x: auto;
} */
.tool_tip {
  width: 500px !important;
}
.icon-guanbi:hover {
  color: #fa7355;
}
.text_hidde {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-table--enable-row-transition .el-table__body td {
  transition: none !important;
}
</style>
